{% extends 'admin/common/base.html' %}
{% block body %}
<body class="gray-bg">
    <div class="container-div">
		<div class="row">
			<div class="col-sm-12 search-collapse">
				<form id="type-form">
					<div class="select-list">
						<ul>
							<li>
								字典名称：<input type="text" name="name"/>
							</li>
							<li>
								字典类型：<input type="text" name="dict_type"/>
							</li>
							<li>
								字典状态：<select name="status">
									<option value="">所有</option>
									<option value="0">正常</option>
									<option value="1">停用</option>
								</select>
							</li>
							<li>
								<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
							    <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
							</li>
						</ul>
					</div>
				</form>
			</div>
			
	       <div class="btn-group-sm" id="toolbar" role="group">
	            <a class="btn btn-success" onclick="$.operate.add()">
	                <i class="fa fa-plus"></i> 新增
	            </a>
	            <a class="btn btn-primary single disabled" onclick="$.operate.edit()">
		            <i class="fa fa-edit"></i> 修改
		        </a>
				<a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()">
		            <i class="fa fa-remove"></i> 删除
		        </a>
	        </div>
	        
	        <div class="col-sm-12 select-table table-striped">
			    <table id="bootstrap-table"></table>
			</div>
		</div>
    </div>
</body>
{% endblock %}
{% block js %}
{{ super() }}
<script>
    var ctx = '';
    var editFlag = "";
    var listFlag = "";
    var removeFlag = "";
    var prefix = ctx + "system/dict";

    $(function() {
        var options = {
            url: "{{url_for('admin.sys.dict_type.list')}}",
            createUrl: "{{url_for('admin.sys.dict_type.add')}}",
            updateUrl: "{{url_for('admin.sys.dict_type.edit')}}?id={id}",
            removeUrl: "{{url_for('admin.sys.dict_type.remove')}}?id={id}",
            exportUrl: prefix + "/export",
            sortName: "id",
            sortOrder: "asc",
            modalName: "类型",
            columns: [{
                checkbox: true
            },
            {
                field: 'id',
                title: '字典主键'
            },
            {
                field: 'name',
                title: '字典名称',
                sortable: true
            },
            {
                field: 'dict_type',
                title: '字典类型',
                sortable: true,
                formatter: function(value, row, index) {
                    return '<a href="javascript:void(0)" onclick="detail(\'' + row.id + '\')">' + value + '</a>';
                }
            },
            {
                field: 'status',
                title: '状态',
                align: 'center',
                formatter: function(value, row, index) {
                    if(value == 0 || value == '0') {
                        return '正常'
                    }
                    return '停用'
                }
            },
            {
                field: 'remark',
                title: '备注',
                formatter: function(value, row, index) {
                    return $.table.tooltip(value);
                }
            },
            {
                field: 'ctime',
                title: '创建时间',
                sortable: true
            },
            {
                title: '操作',
                align: 'center',
                formatter: function(value, row, index) {
                    var actions = [];
                    actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
                    actions.push('<a class="btn btn-info btn-xs ' + listFlag + '" href="javascript:void(0)" onclick="detail(\'' + row.id + '\')"><i class="fa fa-list-ul"></i>列表</a> ');
                    actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
                    return actions.join('');
                }
            }]
        };
        $.table.init(options);
    });

    /*字典列表-详细*/
    function detail(dictId) {
        var url = "{{url_for('admin.sys.dict_data.dict_datas')}}?id=" + dictId;
        $.modal.openTab("字典数据", url);
    }
    
    /** 刷新字典缓存 */
    function refreshCache() {
        $.operate.get(prefix + "/refreshCache");
    }
</script>
{% endblock %}
